<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="en">
<head>
 <!-- 给当前页面域添加一段java代码，用来自动获取当前项目名，不写死,然后再通过EL表达式获取 -->
    <%
    	pageContext.setAttribute("PATH",request.getContextPath());
    
     %>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="${PATH }/css/reset.css">
	<link rel="stylesheet" href="${PATH }/css/webstyle.css">
	<link rel="shortcut icon" href="favicon.ico" >
	<script src="${PATH }/js/jquery-v1.10.2.min.js" type="text/javascript"></script>

	<title>淮安结婚网·${wine.name }</title>
</head>
<body>
	<!-- 公共头部 -->
	<div class="common-header">
		<div class="header-content layout">
			<img src="${PATH }/img/logo/logo.png">
		</div>
		<div class="nav clearfix">
			<ul class="layout">
				<li><a href="${PATH }/">首页</a></li>
				<li><a href="${PATH }/user/yxhq/list.go">优选婚庆</a></li>
				<li><a href="${PATH }/user/yxjd/list.go">优选酒店</a></li>
				<li><a href="${PATH }/user/yxzc/list.go">优选主持</a></li>
				<li><a href="${PATH }/user/yxhz/list.go">优选化妆礼服</a></li>
				<li><a href="${PATH }/user/yxsx/list.go">优选摄像</a></li>
				<li><a href=".${PATH }/user/yxsy/list.go">优选摄影</a></li>
				<li class="active"><a href="${PATH }/user/service/list.go">优选服务商</a></li>
			</ul>
		</div>
	</div>

	<!-- 内页通用广告 -->
	<div class="common-ad">
		<c:forEach items="${advers }" var="list" begin="3" end="3">
			<a href="${PATH }${list.advertisementUrl }"><img src="${list.advertisement }" alt=""></a>
		</c:forEach>
	</div>

    <!-- 面包屑导航 -->
    <div class="common-breadnav layout clearfix">
        <ul class="common-breadnav-list clearfix">
            <li>
                <a href="${PATH }/">首页</a>
            </li>
            <li>>></li>
            <li>
                <a href="${PATH }/user/service/list.go">优选服务商</a>
            </li>
            <li>>></li>
            <li>
                	优选酒水
            </li>
        </ul>
    </div>

	<!-- 酒店详情 -->
	
	<div class="jq22-container">
		<div class="jq22-content bgcolor-3">
			<ul class="pgwSlideshow">
				<c:forEach items="${wineRs }" var="list" begin="0" end="6">
			    	<li><img src="${list.picture }" alt=""></li>
				</c:forEach>
			</ul>
		</div>
	</div>

    <div class="hotel-info-img layout clearfix">
		<div class="hotel-memu-list">
			<h3>${wine.name }</h3>
            <p>酒水类型：<span>${wine.sty }</span></p>
            <p>店铺地址：<span>${wine.address }</span></p>
			<p>联系电话：<span>${wine.phone }</span></p>
		</div>

		<div class="hotel-intro clearfix">
			<h3>商户介绍</h3>
			<img src="${PATH }/img/server/candy/store_introduce.png" alt=""><br>
			<div class="row">
				<div class="hotel-intro-img">
					<img src="${PATH }/img/hotel/mdicon1.png" alt="">
				</div>
				<div class="hotel-intro-info">
					<p>${wine.details } </p>
				</div>
			</div>
		</div>

		<c:if test="${not empty wine.activity}">
			<div class="container hotel-intro">
				<h3>优惠活动</h3>
				<img src="${PATH }/img/server/candy/222.png" alt="">
				<div class="row">
					<div class="wedding-menu wedding-menu1">
						<p>${wine.activity } </p>
					</div>
				</div>
			</div>
		</c:if>
	</div>
	

	
	<!-- 引入模板 ，服务商、酒水、底部栏、侧边栏-->
	<jsp:include page="FooterTemplete.jsp"></jsp:include>


	<!-- 酒店轮播 -->
	<script type="text/javascript" src="${PATH }/js/pgwslideshow.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
		    $('.pgwSlideshow').pgwSlideshow({
		    	transitionEffect:'fading',
		    	autoSlide:true
		    });
		});
	</script>
	
	<!-- 侧边栏js -->
	<script type="text/javascript">
		$(document).ready(function(){

		$("#leftsead a").hover(function(){
			if($(this).prop("className")=="youhui"){
				$(this).children("img.hides").show();
			}else{
				$(this).children("img.hides").show();
				$(this).children("img.shows").hide();
				$(this).children("img.hides").animate({marginRight:'0px'},'slow'); 
			}
		},function(){ 
			if($(this).prop("className")=="youhui"){
				$(this).children("img.hides").hide('slow');
			}else{
				$(this).children("img.hides").animate({marginRight:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
			}
		});

		$("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

		});
	</script>
</body>
</html>